{% extends 'myadmin/base.html' %}
{% block title %}
<title>Book-shop联系页面</title>
{% endblock %}

{% block con %}

<section class="wrapper">
  <div class="row">
    <div class="col-lg-12">
      <h3 class="page-header"><i class="fa fa fa-bars"></i> 联系页面</h3>
      <ol class="breadcrumb">
        <li><i class="fa fa-home"></i>首页</li>
        <li><i class="fa fa-bars"></i>页面</li>
        <li><i class="fa fa-square-o"></i><a href="#">联系页面</a></li>
      </ol>
    </div>
    <div class="col-lg-6">
      <div class="recent">
        <h3>给我们发信息</h3>
      </div>
      <div id="errormessage"></div>
      <form action="" method="post" role="form" class="contactForm">
        <div class="form-group">
          <input type="text" name="name" class="form-control" id="name" placeholder="你的名字" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
          <div class="validation"></div>
        </div>
        <div class="form-group">
          <input type="email" class="form-control" name="email" id="email" placeholder="你的电子邮箱" data-rule="email" data-msg="Please enter a valid email" />
          <div class="validation"></div>
        </div>
        <div class="form-group">
          <input type="text" class="form-control" name="subject" id="subject" placeholder="主题" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" />
          <div class="validation"></div>
        </div>
        <div class="form-group">
          <textarea class="form-control" name="message" rows="5" data-rule="required" data-msg="Please write something for us" placeholder="内容"></textarea>
          <div class="validation"></div>
        </div>
        
        <div class="text-center"><a type="submit" class="btn btn-primary btn-lg">提交信息</a></div>
      </form>
    </div>
  
    <div class="col-lg-6">
      <div class="recent">
        <h3>请与我们联系</h3>
      </div>
      <div class="">
        <p>对于我们摆脱青少年的空闲时间是别无选择的 类型没有固有的清晰度 这是读者在做这些事情的人中的用途。</p>
        <p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum.</p>
  
        <h4>地址：</h4>纽约小朗斯代尔街<br>
        <h4>电话：</h4>152 183 731 27</br>
        <h4>传真：</h4>123 456 789
      </div>
    </div>
  </div>
</section>


{% endblock %}